<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%String name=((java.lang.String)request.getAttribute("name")); %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'home.jsp' starting page</title>
    <meta charset="utf-8"> 
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
  </head>
<body>



<nav class="navbar navbar-expand-sm navbar-dark" style="background-color: #333333;">
  <a class="navbar-brand" href="./home">
    云顶之奕WiKi
  </a>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" href="./hero_guide">英雄图鉴</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="./equip_guide">装备图鉴</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="./hex_guide">海克斯图鉴</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="./trammel_guide">羁绊图鉴</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="./all_army">阵容查看</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="./my_army">我的阵容</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="./edit_army">阵容编辑</a>
      </li>
    </ul>
  </div>
  <%if (name==null){%>
  <div class="col-md-3 text-end">
    <button type="button" onclick="window.location.href='./account_manage/login.jsp'" class="btn btn-outline-light me-2">登录</button>
    <button type="button" onclick="window.location.href='./account_manage/sign.jsp'" class="btn btn-warning">注册</button>
  </div>
  <%}
  else{ %>
  <div class="col-md-3 text-end">
  	<a class="nav-link text-light"> <%=name %></a>
  	<button type="button" onclick="window.location.href='./quit'" class="btn btn-outline-light me-2">退出登录</button>
  </div>
  <%} %>
  
  <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
</nav>


<div class="container-fluid bg-dark navbar-dark">
<div class="row bg-dark">
	<div class="row">
		<div class="col-sm-3"></div>
		<div class="col-sm-6">
		<img src="./picture/bg1.jpg" class="img-fluid rounded-circle mx-auto d-block" alt="Cinque Terre">
		</div>
		<div class="col-sm-3"></div>
	</div>
	<form action="./search_msg">
	  <div class="row">
	  	<div class="col-sm-2">
	  	</div>
	    <div class="col-sm-2">
	      	<select class="form-select" name="type">
			  <option>英雄</option>
			  <option>装备</option>
			  <option>海克斯</option>
			  <option>羁绊</option>
			</select>
	    </div>
	    <div class="col-sm-5">
	      <input type="text" class="form-control" placeholder="输入全名" name="name">
	    </div>
	    <div class="col-sm-1">
	      <button type="submit" class="btn btn-warning">搜索</button>
	    </div>
	    <div class="col-sm-2">
	  	</div>
	  </div>
	</form>
	
	<div class="row">
		<div class="col-sm-2"></div>
		<div class="col-sm-3 navbar-dark">
			<div class="h2"><p class="text-light">云顶之奕WiKi</p></div>
			<ul class="navbar-nav">
			    <li class="nav-item">
			      <a href="https://gitee.com/xh233/teamfight_wiki" class="list-group-item list-group-item-action bg-dark text-light">本站gitee页面</a>
			    </li>
  			</ul>
		</div>
		<div class="col-sm-3 navbar-dark">
			<div class="h2"><p class="text-light">友站</p></div>
			<ul class="navbar-nav">
			    <li class="nav-item">
			      <a href="https://tft.op.gg/" class="list-group-item list-group-item-action bg-dark text-light">OP.GG</a>
			    </li>
			    <li class="nav-item">
			      <a href="https://lol.qq.com/tft/#/index" class="list-group-item list-group-item-action bg-dark text-light">云顶官网</a>
			    </li>
  			</ul>
			</div>
		<div class="col-sm-4 navbar-dark">
			<div class="h2"><p class="text-light">更多游戏</p></div>
			<ul class="navbar-nav">
			    <li class="nav-item">
			      <a href="https://www.heishenhua.com/" class="list-group-item list-group-item-action bg-dark text-light">黑神话：悟空</a>
			    </li>
			    <li class="nav-item">
			      <a href="https://www.op.gg/" class="list-group-item list-group-item-action bg-dark text-light">英雄联盟</a>
			    </li>
			    <li class="nav-item">
			      <a href="https://valorant.op.gg/" class="list-group-item list-group-item-action bg-dark text-light">无畏契约</a>
			    </li>
			    <li class="nav-item">
			      <a href="https://overwatch.op.gg/" class="list-group-item list-group-item-action bg-dark text-light">守望先锋2</a>
			    </li>
			    <li class="nav-item">
			      <a href="https://pubg.op.gg/" class="list-group-item list-group-item-action bg-dark text-light">绝地求生</a>
			    </li>
  			</ul>
			</div>
		<div class="col-sm-2"></div>
	</div>
	<div class="row">
		<div class="col-sm-3"></div>
		<div class="col-sm-6 text-white" style="text-align:center">
  		愿您使用愉快，若发现错误或bug，请添加联系QQ：2208689304
  		</div>
		<div class="col-sm-3"></div>
	</div>
</div>

</div>
</body>
</html>











